* {
    padding: 0;
    margin: 0;
}

body {
    background-image: url(../images/day_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
}



.layout > header {
    width: 50%;
    margin: 0 auto;
    padding-top: 10px;
}

.layout > footer {
    width: 55%;
    margin: 0 auto;
}

img {
    width: 100%;
}

section >header {
    height: 100%;
    position: relative;
    margin: 0 auto;
    width: 50%;
}

section >header img {
    position: absolute;
    top: 10px;
}

img.yan {
    position: absolute;
    width: 50%;
    bottom: 25%;
    left: 30%;
    -webkit-animation: yan 2s ease-out infinite;
    animation: yan 2s ease-out infinite;
}
@-webkit-keyframes yan{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}
@keyframes yan{
	0%{-webkit-transform:scale(1);}
	50%{-webkit-transform:scale(1.2);}
	100%{-webkit-transform:scale(1);}
}

section > footer {
    /*width: 75%; */
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
}

a[href] {
    display: block;
}
